<template>
    <div class="size-full flex-center">
        <ChinesePronounceEnglishExercise
            class="size-full"
            :exercise="(exercise as any)"
        />
    </div>
</template>

<script setup lang="ts">
    import { reactive } from "vue"
    import ChinesePronounceEnglishExercise from "../components/exercise/ChinesePronounceEnglishExercise.vue"
    import { ExerciseType } from "../model"

    const exercise = reactive({
        type: ExerciseType.CHINESE_PRONOUNCE_ENGLISH_EXERCISE,
        word: "place",
    })
</script>
